<ui:composition template="/templates/layout.xhtml"
     xmlns="http://www.w3.org/1999/xhtml"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:h="http://java.sun.com/jsf/html"
     xmlns:ui="http://java.sun.com/jsf/facelets"
     xmlns:p="http://primefaces.org/ui"
>
     <ui:define name="content">
         <h:form styleClass="loginPanelStyle">
                 <p:growl id="msgs" showDetail="true" sticky="false" />                        
                <p:panelGrid columns="2"  style="margin-left: 10%; margin-top: 10%">
                <f:facet name="header">
                    Inscription
                </f:facet>
                 <h:panelGrid columns="2" >
                    <h:outputText value="#{bundle.CreateUtilisateurLabel_motDePasse}" />
                    <p:password id="motDePasse" value="#{utilisateurController.selected.motDePasse}" title="#{bundle.CreateUtilisateurTitle_motDePasse}" required="true" requiredMessage="#{bundle.CreateUtilisateurRequiredMessage_motDePasse}"/>
                    <h:outputText value="#{bundle.CreateUtilisateurLabel_email}" />
                    <p:inputText id="email" value="#{utilisateurController.selected.email}" title="#{bundle.CreateUtilisateurTitle_email}" />
                    <h:outputText value="#{bundle.CreateUtilisateurLabel_name}"/>
                    <p:inputText id="name" value="#{utilisateurController.selected.name}" title="#{bundle.CreateUtilisateurTitle_name}" />
                     <h:outputText value="#{bundle.CreateUtilisateurLabel_prenom}" />
                    <p:inputText id="prenom" value="#{utilisateurController.selected.prenom}" title="#{bundle.CreateUtilisateurTitle_prenom}" />
                    <h:outputText value="CIN :"  />
                    <p:inputText id="numCarteIdentite" value="#{utilisateurController.selected.numCarteIdentite}" title="#{bundle.CreateUtilisateurTitle_numCarteIdentite}" required="true" requiredMessage="#{bundle.CreateUtilisateurRequiredMessage_numCarteIdentite}" />
                    <h:outputText value="téléphone :" />
                    <p:inputText id="numTelephone" value="#{utilisateurController.selected.numTelephone}" title="#{bundle.CreateUtilisateurTitle_numTelephone}" required="true" requiredMessage="#{bundle.CreateUtilisateurRequiredMessage_numTelephone}" />
                   
                    <h:outputText value="#{bundle.CreateUtilisateurLabel_role}" />
                    <p:inputText id="role" value="#{utilisateurController.selected.role}" title="#{bundle.CreateUtilisateurTitle_role}" />
                </h:panelGrid>
                <f:facet name="footer">
                 <p:commandButton value="Submit" update="msgs" action="#{utilisateurController.create}" type="submit" icon="ui-icon-check" style="margin:0"></p:commandButton>
                </f:facet> 
            </p:panelGrid>
        </h:form>
     </ui:define>
  </ui:composition>	